<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
    <title>充电1分钟，嘚瑟这一夏！ | H5微场景制作-易企秀(www.eqxiu.com)</title>
    <link rel="stylesheet" href="xin0410.gitee.io/one/styles/reset.css">
    <link rel="stylesheet" href="xin0410.gitee.io/one/styles/style.css">
</head>
<body>
 
<div class="content">
    <div class="title">
        <h1>充电一分钟，嘚瑟这一夏</h1>
    </div> 
    <section class="item item1">
        <img src="images/bg1.jpg" alt="背景图">
        <div class="battery"><img src="images/battery.png" alt="电池"></div>   
        <div  class="charge"><img src="images/charge.png" alt="充电一分钟，嘚瑟这一夏"></div> 
        <div class="shan"><img src="images/shan.png" alt="电"></div>
        <div class="pre_box">
            <div class="pre pre1"></div>
            <div class="pre pre2"></div>
        </div> 
    </section>
 
    <section class="item item2">
        <div class="item2_bg">
            <img class="bg21" src="images/bg2-1.jpg" alt="背景图">
            <img class="bg22" src="images/bg2-2.jpg" alt="背景图">
            <img class="bg23" src="images/bg2-3.jpg" alt="背景图">
            <img class="bg24" src="images/bg2-4.jpg" alt="背景图"> 
        </div>
        <div class="bg_color"></div>
        <div class="charge_red">
            <img src="images/charge_red.png" alt="">
        </div>

        <div class="textbox">
            <div class="summer1 clearfix">
                <img class="summer_img" src="images/summer.png" alt=""> 
                <span class="summer_text">Summer</span>
            </div>
            <div class="bigthing">
                <img src="images/bigthing.png" alt=""> 
            </div>
            <div class="moshou">
                <img src="images/moshou.png" alt=""> 
                <div class="red_color1"></div> 
                <div class="red_color"></div>
            </div> 
            

        </div>
        <div class="pre_box">
            <div class="pre pre1"></div>
            <div class="pre pre2"></div>
        </div>  
    </section>





    <section class="item item3">
        <div class="item2_bg">
            <img class="bg31" src="images/bg3-1.jpg" alt="背景图">
            <img class="bg32" src="images/bg3-2.jpg" alt="背景图">
            <img class="bg33" src="images/bg3-3.jpg" alt="背景图">
        </div>
        <div class="bg_color"></div>
        <div class="charge_red">
            <img src="images/charge_red.png" alt="">
        </div>
        <div class="textbox2">
            <div class="text_for">
                <span>For</span>
            </div>
            <div class="text_girl">
                <span>Girls</span>
            </div>
            <div class="girl">
                <img src="images/girl.png" alt="">
            </div>
            <div class="redbox">
                <div class="red_bg">
                    <img class="red1" src="images/red1.png" alt=""> 
                </div>
                <div class="red_bg">
                    <img class="red2" src="images/red2.png" alt=""> 
                </div>
                <div class="red_bg">
                    <img class="red3" src="images/red3.png" alt=""> 
                </div> 
                <div class="red_color2"></div>
                <div class="red_color3"></div>
            </div> 
        </div> 
        <div class="pre_box">
            <div class="pre pre1"></div>
            <div class="pre pre2"></div>
        </div>  
    </section>
 
</div> 


<script src="js/zepto.js"></script> 
<script src="js/script.js"></script>
</body>
</html>